<template>
  <div class="header_box">
    <div class="top">
      <div class="icon" @click="getBoolean">
        <!-- <el-icon v-if='props.Cicon' size ="25"><Expand /></el-icon> -->
        <el-icon size="25"><Fold /></el-icon>
      </div>
    </div>
    <div class="end"></div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { Fold } from "@element-plus/icons-vue";
const props = defineProps<{
  Cicon: boolean;
}>();
const emit = defineEmits(["update:Cicon"]);
const getBoolean = () => {
  emit("update:Cicon", !props.Cicon);
};
</script>

<style lang="less" scoped>
.header_box {
  width: 100%;
  height: 100%;
  .top {
    height: 50%;
    border-bottom: 1px solid #999999;
    display: flex;
    .icon {
      width: 40px;
      height: 100%;
      text-align: center;
      line-height: 65px;
      cursor: pointer;
    }
  }
  .end {
    height: 50%;
  }
}
</style>
